<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>视频-课件讨论页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/popup.css"/>
    <link rel="stylesheet" href="../css/videoplay.css"/>
    <script src="../js/yingSoftPrg.js"></script>
    <script src="../js/JQuery%201.9.1.js"></script>
    <script src="../js/yingSoftPopup.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/MPreview.js"></script>
    <script src="../js/MPreviewPPT.js"></script>
    <script src="../js/pdfobject.js"></script>
    <!--<script src="../js/fullScreen.js"></script>-->
    <script src="../js/videoPlayer.js"></script>
    <script src="../js/ga.js"></script>
    <script src="../js/detailInfo.js"></script>
    <script src="../js/socket.io.js"></script>
    <script src="../js/chat.js"></script>
    <script src="../js/jquery.tmpl.min.js"></script>
    <!--<script src="../js/noteDetail.js"></script>-->
</head>
<body>
	<div class="container">
    	 <div class="row">
            <div class="col-lg-1" style="padding-left:0px;">
                <h3><a class="btn btn-primary" id="returncourseware" role="button">返&nbsp;回</a></h3>
            </div>
            <div class="col-lg-4" style="padding-left:0px;">
                <h3 id="videoname"></h3>
            </div>
            <div class="col-lg-7"></div>
        </div>
    	<div class="row" style="height:400px;">
        	<div class="col-lg-9 bgColor" style="padding-left:0px;border:1px solid #ddd;">
            	<!--视频显示start-->
            	<div id="videoDiv" style="height:645px;width: 862px">
                	<video id="videoPlayer" data-setup="{}" height="100%"  width="100%"  autoplay="true"  poster="../img/poster.png"  >
                        <source  type='video/mp4' />
                        <source  type='video/ogg' />
                        <source  type='video/webm' />
                    </video>
                </div>
                <!--视频显示end-->
                <!--word、PPT文档显示start-->
                <div id="coursewareDiv">
                    <div class="wrapper">
                        <div class="doc" id="doc"></div>
                        <div class="ppt" id="ppt"></div>
                        <div class="pdf" id="pdf" ></div>
                    </div>
                </div>
                <!--word、PPT文档显示end-->
                <div id="controls" style="margin-top:5px">
                    <div class="col-lg-8">
                        <div class="col-lg-1">
                        	<img src="../img/play.png" title="播放" id="playPause" style="float:left;cursor:pointer;margin-bottom:3px;"/>
                        </div>
                        <div id="progressBar" class="col-lg-10" style="float:left">
                            <span id="progress"></span>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <img src="../img/volume.png" title="音量" id="mute" style="float:left;margin-right:5px;"/>
                        <input id="volume" min="0" max="1" step="0.1" type="range" style="width:100px;float:left;cursor:pointer;"/>
                        <img src="../img/download.png" title="下载" id="downLoad" class="btnList"/>
                        <img src="../img/help.png" title="帮助" id="help" class="btnList"/>
                        <img src="../img/fullscreen.png" title="全屏" id="fullScreen" class="btnList"/>

                    </div>
                </div>
            </div>
            <div class="col-lg-3 bgColor rightDiv">
            	<div class="rightContent" id="">
                    <ul class="rightUl">
                        <li id="discussBtn" class="col-lg-6 rightLi rightLiActive">讨论</li>
                        <li id="notesBtn" class="col-lg-6 rightLi">笔记</li>
                    </ul>
                    <div id="discussDiv" class="contentDiv">
                        <div class="mainContent">
                            <ul class="nav nav-pills nav-stacked" id="chatContent">
                                <div id="alertMsg" class="msg"></div>
                            </ul>

                            <div ><a id="end" href="#"></a></div>
                        </div>
                        <div class="sendDiv">
                            <input type="text" id="discussText"  style="display:inline"/>
                            <div id="sendBtn">发送</div>
                        </div>
                    </div>
                    <div id="notesDiv" class="contentDiv" style="display:none;">
                        <div class="mainContent">
                            <ul class="nav nav-pills nav-stacked" id="noteContent">

                            </ul>
                        </div>
                        <div class="sendDiv">
                            <input type="text" id="notesText" maxlength="300"/>
                            <div id="addNote">添加</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="height:50px;"></div>
    </div>
    <script type="text/x-jquery-tmpl" id="noteContentTmpl">
      <div id="{{= "answer"+"_"+userNoteID}}" style="padding: 5px;">
        <span class="noteContent" style="float:left;width:98%;WORD-WRAP: break-word;">${noteContent}</span>
        <div style="float:right">
           <span class="hide noteID">${userNoteID}</span>
           <span class="noteTime">${noteTime}</span>
           <span><a class="deleteNote">删除</a></span>
        <div>
    </div>
</script>
</body>
</html>
